<nz-select
  style="width: 100%;"
  [(ngModel)]="value"
  [nzPlaceHolder]="placeholder"
  [nzShowSearch]="true"
  [nzServerSearch]="true"
  [compareWith]="compareFn"
  (nzOnSearch)="onSearch($event)"
  (nzScrollToBottom)="loadMore()"
  [nzAllowClear]="allowClear">
  <nz-option
    *ngFor="let item of options$ | async"
    [nzValue]="item"
    [nzLabel]="item.chanMerID"
    nzCustomContent>
    <div>
      {{item.chanMerID}}
      <small>{{item.chanCode + '-' + item.chanMerName}}</small>
    </div>
  </nz-option>
  <nz-option *ngIf="isLoading" nzDisabled nzCustomContent>
    <i nz-icon type="loading" class="loading-icon"></i> Loading Data...
  </nz-option>
</nz-select>